// 注册盒子
$('.login a').on('click', function () {
    $('.login').hide().next().show()
})
$('.register a').on('click', function () {
    $('.register').hide().prev().show()
})


// ----------------------   注册功能  ----------------------
// 表单提交 -> 阻止默认行为 -> 收集表单数据（查询字符串） -> ajax提交
$('.register form').on('submit', function (e) {
    e.preventDefault()
    let data = $(this).serialize()
    $.ajax({
        type: 'post',
        url: 'http://www.itcbc.com:8080/api/reguser',
        data: data,
        success: function (res) {
            console.log(res);
            if (res.status === 0) {
                // 提示
                layer.msg(res.message)
                // 清空表单
                $('.register form')[0].reset()
                // 跳转到登录页
                $('.login').show().next().hide()
            }
        }
    })
})



// 用按钮做点击事件
// $('.btn').on('click', function (e) {
//     e.preventDefault()
//     let data = $('.register form').serialize()
//     $.ajax({
//         type: 'post',
//         url: 'http://www.itcbc.com:8080/api/reguser',
//         data: data,
//         success: function (res) {
//             console.log(res);
//             if (res.status === 0) {
//                 // 提示
//                 layer.msg(res.message)
//                 // 清空表单
//                 $('.register form')[0].reset()
//                 // 跳转到登录页
//                 $('.login').show().next().hide()
//             }
//         }
//     })
// })






// ----------------------   注册验证  -----------------
// 1.加载form模块
// 格式 let 变量 = layul.模块名
let form = layui.form
// 2.调用 verify 方法 .  编写验证规则
form.verify({

    // 1.验证用户名长度是否为2-10位，且以字母开头、
    uselen:[/^[a-zA-Z]\w{1,9}$/, '格式不正确'],
    

    // 2.验证密码长度是否为6-12位
    len:[/^\S{6,12}$/, '密码格式不正确'],


    // 3. 验证两次密码是否一样
    name: function (val) {
        // name是自定义的类名    val是形参
        // 获取到fw的值
        let fw = $('.fw').val()
        // 判断两次的值是否一样
        if (fw !== val) {
            return'大壮你搞错了'
        }
    }
})





// ----------------------   登录  -----------------
$('.login form').on('submit', function (e) {
    e.preventDefault()
    let data = $(this).serialize()
    $.ajax({
        type: 'post',
        url: 'http://www.itcbc.com:8080/api/login',
        data: data,
        success: function (res) {
            if (res.status == 0) {
                // 登录成功，把token值保存到本地存储
                localStorage.setItem('token', res.token);
                layer.msg(res.message,{time:1500},()=>location.href = './index.html')
            } else {
                layer.msg(res.message)
            }
        }
    })
})